<!-- 展示产品详细信息 -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>产品详情</title>
    <link href="https://cdn.bootcdn.net/ajax/libs/slick-carousel/1.9.0/slick.min.css" rel="stylesheet">
    <link href="https://cdn.bootcdn.net/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css" rel="stylesheet">
</head>

<body>
    <%= require('html-loader!./layout/header.html') %>
    <%= require('html-loader!./layout/nav-simple.html') %>
    <div class="container detail-wrapper">
        <div class="container good-header">
            <div class="toast-wrapper">
                
            </div>
            <div class="sub-image-pannel">
                <img class="big-sub-image">
                <div class="small-sub-image-pannel">
                    <!-- 此处放置小图，数量未知 -->
                </div>
            </div>
            <div class="spu-wrapper">
                <p class="name"></p>
                <div class="clearfix"></div>
                <p class="summary"></p>
                <div class="clearfix"></div>
                <div class="price-line">
                    <h5 class="spu-title">售价</h5><span class="price"></span>
                </div>
                <div class="count-wrapper">
                    <h5 class="spu-title">数量</h5>
                    <div class="minus-btn"></div>
                    <input type="number" class="count-input" value="1">
                    <div class="plus-btn"></div>
                </div>
                <div class="btn-line">
                    <button class="add-cart-btn">加入购物车</button>
                    <button class="buy-btn">立即购买</button>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="good-body container">
            <div class="addition-info-wrapper">
                <div class="addition-info-nav">
                    <p>商品详情</p>
                </div>
                <div class="addition-good-detail-wrapper"></div>
            </div>
            <div class="similar-good-wrapper">
                <h2 class="recommend-title">相关推荐</h2>
            </div>
        </div>
    </div>
    <div class="clearfix"></div>

    <%= require('html-loader!./layout/footer.html') %>

    <script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery-migrate/1.2.1/jquery-migrate.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
</body>

</html>